@charset "utf-8";

BODY {
	background: none repeat scroll 0 0 #EAEAEA;
    color: #444444;
    font: 12px/1.8 Arial,sans-serif;
}
/*********************  首页begin *****************/

/********* 头部 ********/
.page_container {
	margin:0 auto;
    width: 960px;
}
#tophead {
	height: 50px;
	line-height: 50px;
	color: #ccc;
	border-bottom: 1px solid #000;
	background: #2c2c2c;
}
#tophead #logo {
    font-size: 18px;
    width: 380px;
}
/********* 头部菜单  ********/
#topmenu{
	background: none repeat scroll 0 0 #29A1B3;
 	background: -moz-linear-gradient(#29A1B3, #239DB0) repeat scroll 0 0 transparent;
 	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#29A1B3), to(#239DB0));
    border-bottom: 1px solid #0D8B9B;
    border-top: 1px solid #4BC9DE;
    height: 34px;
    line-height: 34px;
}
#topmenu .memubar{ margin-left: 10px; margin-right: 10px; overflow: hidden;}

#topmenu .memubar li {
	TEXT-ALIGN: center; FLOAT: left; text-shadow: 1px 1px 1px #444444;
}
#topmenu .memubar li A {
	WIDTH: 99px; DISPLAY: block; COLOR: #fff;
}
#topmenu .memubar li A:hover {
	BACKGROUND: url(images/nav-hover.gif) repeat-x 0px 0px
}
#topmenu .memubar .current A,#topmenu .memubar .current A:hover {
	BACKGROUND: url(images/nav-active.gif) repeat-x 0px 0px;
}
/********* 主体部分 *********/
#pagecontent{    
	min-height: 80%;
    min-width: 960px;
    padding: 20px 0;
    text-align: justify;
    overflow: hidden;
}
#pagecontent .cblock{
	float: left;
    margin-left: 10px;
    margin-right: 10px;
    position: relative; /*注释掉这句则左右可以互换*/
}
#pagecontent #main{    
	left: 240px;
    width: 700px;
}
#pagecontent #sidebar{    
	left: -720px;
    width: 220px;
}

/********* 主体-文章部分*********/
.article {
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    box-shadow: 0 0 3px #888888;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135,strength=3);
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBBBB;
    margin-bottom: 15px;
}
.article .art-t{
	border-radius: 5px;
	background-color:#E8F5FE;
	background:-moz-linear-gradient(top,#E8F5FE,#fff);
	background:-webkit-gradient(linear,left top,left bottom,from(#E8F5FE),to(#fff));
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8F5FE',endColorstr='#ffffff');*/
}
.article .art-t h2{line-height: 56px;text-indent: 20px;}
.article .art-d{
    border-bottom: 1px dashed #CCCCCC;
    /*border-top: 1px dashed #CCCCCC;
    background: none repeat scroll 0 0 #F6FCE2;*/
    line-height: 2;
    text-indent: 20px;
    color: #888888;
}
.article .art-d .date{color:#0072b4;margin-right:10px;}
.article .art-c{padding:20px;overflow:hidden;}
.article .art-c .pic{float:left; margin-right:10px;}
.article .art-c .pic img{width:100px;height:100px;}

#articleDetail h2{text-indent: 0px; text-align:center;}
#articleDetail .art-d{text-indent:0px; text-align:right;padding-right:20px;}

/************* 搜索输入框 *********************/
.box {
    border-radius: 5px 5px 5px 5px;
    /*box-shadow: 2px 2px 0 #E1E1E1;*/
    box-shadow: 0 0 3px #888888;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135,strength=3);
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    margin-bottom: 15px;
    position: relative;
}
.box-background{background: url("images/box-header.gif") repeat-x scroll 0 0 #FFFFFF;}
.search {
	background: none repeat scroll 0 0 #F4F4F4;
	filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FAFAFA,endcolorstr=#E3E3E3,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FAFAFA,endcolorstr=#E3E3E3,gradientType=0);/*IE8*/
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FAFAFA), to(#E3E3E3));
	background: -moz-linear-gradient(#FAFAFA, #E3E3E3) repeat scroll 0 0 transparent;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135,strength=3);
    padding: 15px 8px;
}
form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea {
    background: url("images/input-bg.gif") repeat-x scroll 0 0 #FFFFFF;
	border-radius: 3px 3px 3px 3px;   
    border: 1px solid #CCCCCC;
    padding: 4px 5px;
}
input, button, select, textarea {
    font: 12px/15px Arial,sans-serif;
}
form input[type="text"]:hover, form input[type="email"]:hover, form input[type="password"]:hover, form select:hover, form textarea:hover,
form input[type="text"]:focus, form input[type="email"]:focus, form input[type="password"]:focus, form select:focus, form textarea:focus{
	-moz-box-shadow:0 0 5px rgba(71, 131, 243, 0.9);
	-webkit-box-shadow:0 0 5px rgba(71, 131, 243, 0.9);
	box-shadow: 0 0 5px rgba(71, 131, 243, 0.9);
	border:1px solid #2D69AC ;
}
/********* 主体-广告栏*********/

.panel_head {
	background: url("images/bullet_go.png") no-repeat scroll 10px center transparent;
    color: #0072B4;
    font: bold 13px/23px Arial;
    height: 23px;
    padding: 5px 30px;
}
.panel_body {
    padding: 10px;
}
.panel_body li{ 
	border-bottom: 1px dashed #D6D8D9;
    padding: 0;
}
.panel_body li a {
    background: url("images/bullet_yellow.png") no-repeat scroll 0 center transparent;
    color: #333333;
    display: block;
    padding: 3px 5px 3px 18px;
}
.panel_body li a:hover {
    background-color: #FFFAE3;
}

/*********************  页面底部   *****************/
.p_footer {
	/*height: 334px*/
}
.p_content{
	width:900px; overflow:hidden; margin:0 auto;line-height: 35px;
}

.footer-bottom {
	background-color: #272727; height: 34px;
}
.footer-bottom {
	color: #7b7b7b
}
.footer-bottom a {
	color: #7b7b7b
}
.footer-bottom a:hover {
	color: #fff; text-decoration: none
}
.footer-bottom .left a {
	text-transform: uppercase; font-size: 11px
}
.footer-bottom .left span {
	padding-bottom: 0px; padding-left: 7px; padding-right: 7px; color: #363636; padding-top: 0px
}
/*********************  首页end *****************/

/********************* 面包屑导航  *****************/
#crumbs {
	height:2.3em;
	border:1px solid #AAAAAA;
	background-color:#fff;
	margin-bottom:10px;
	box-shadow: 3px 3px 0 #DDDDDD;
}
#crumbs li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
}		
#crumbs li a {
	background:url(images/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
}							
#crumbs li a:link, #crumbs li a:visited {
	color:#777;
	text-decoration:none;
}	
#crumbs li a:hover, #crumbs li a:focus {
	color:#0072b4;
}	

/***************** 文章分类列表   **************/

.articlePager{margin:10px 0px;text-align:center}

/***************** 评论内容  *************/
#comment{padding:20px;}
#commentTitle {
    color: #902452;
    /*margin: 15px 0 10px; 
    border-bottom: 1px dashed;*/
}
ul.comments li {
    position:relative;
    margin-bottom:20px;
}
ul.comments li.reply{
	margin-left:60px;
}
img.comment-avatar {
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    height: 36px;
    margin: 5px 10px 5px 0;
    padding: 3px;
    width: 36px;
    position:absolute;
    top:0;
    left:0;
}
ul.comments li .comment-body{
	 word-wrap: break-word;
	 margin-left:60px;
}
ul.comments .comment-body .info{border-bottom:1px dashed #AAAAAA;}
ul.comments .comment-body .info span{float:right;}
ul.comments .comment-body .date{color:#AAA; margin-bottom:10px;}
ul.comments div.links {
    margin-top: 10px;
    text-align: right;
}
ul.comments .comment-body .info a.replyBtn {
    background: none repeat scroll 0 0 #92AE1B;
    border: medium none;
    color: #FFFFFF;
    font: 10px Tahoma,sans-serif;
    margin: 0 0 0 1px;
    padding: 3px 5px;
    border-radius: 3px 3px 3px 3px;
}
ul.comments .comment-body .info a.replyBtn:hover {
    background: none repeat scroll 0 0 #16313D;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
}
ul.comments span.date {
    color: #AAAAAA;
    font-size: 10px;
    margin-right: 10px;
}

#pagination{text-align:center;}

/***************** 评论表单  *************/

#postDiscuss{
	/*background: none repeat scroll 0 0 #F5FAFE;
	border: 1px solid #D2E8FA;*/
    line-height: 25px;
    margin-top: 10px;
    overflow: hidden;
    padding: 0;
}
#postDiscuss .perInfo{float:left;margin-right:20px;}
#postDiscuss .label{display:block;}
#postDiscuss .discussBtn{margin:10px 0 5px 0px;}

#postDiscuss input{width:250px;}
#postDiscuss textarea{width:330px; height:120px;}


.noresult{padding:50px; text-align:center;}